.deviation-table-container {
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.deviation-table-container table{
    width: 100%; 
    background: rgba(7,97,159, 0.6);
    border-right:1px solid #111;
    border-bottom:1px solid #111;
    color: #fff;
    font-size: 12px;
}

thead {
    background: #9f9b63;
}

.deviation-table-container table th, .deviation-table-container table td {
    width: 50px;
    min-width: 50px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    text-align: center;
    border-left:1px solid #111;
    border-top:1px solid #111;
}

.deviation-table-container table th{
    font-size: 15px;
    height: 30px;
    line-height: 30px;
}

.deviation-table-container table .first{
    width:100px;
    padding:0 3px;
}

.deviation-table-container table td {
    height: 30px;
    line-height: 30px;
}

.deviation-table-container table thead .ulh , .deviation-table-container table tbody .ulb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.deviation-table-container table ul li {
    text-decoration: none;
    float: left;
    list-style: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    border-right: 1px solid #000;
    word-break:break-all;
    word-wrap : break-word ;
}

ul li:before {
    content: none;
}

.deviation-table-container table thead .ulh li:last-child, .deviation-table-container table tbody .ulb li:last-child  {
    border-right: none;
}

:host/deep/ .ui-datatable-tablewrapper table {
    font-size: 15px;
    white-space: normal;
}

:host/deep/ .ui-state-default{
    background: none;
}

:host/deep/ .ui-datatable .ui-datatable-thead tr.ui-state-default {
    border: 1px solid #111;
    /* background: rgba(155,145,83,0.6); */
    color: #fff;
}

:host/deep/ .ui-datatable .ui-datatable-thead th.ui-state-default {
    background: rgba(155,145,83,0.6);
    color: #fff;    
}

:host/deep/ .ui-datatable .ui-datatable-data>tr>td {
    text-align: center;
}

:host/deep/ .ui-widget-content {
    border: 1px solid #333;
    background: rgba(7,97,159,0.6);  
}

:host/deep/ .ui-datatable tbody > tr.ui-widget-content {
    border: 1px solid #333;  
    color: #fff;      
}

:host/deep/ .ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd {
    background: rgba(7,97,159,0.6);  
}

:host/deep/ .ui-datatable th.ui-state-default {
    width: 8%;
}